@charset "UTF-8";

.i_transition,
.i_groupLs,
.i_grouplTxt .i_grouplTxt_lx>ul,
.i_grouplTxt .i_grouplTxt_lx .i_local>ul,
.train-detail-content-tap-l-list .train-detail-content-tap-l-list-operation,
.train-file-l-preview-hover,
.section-list,
.note-list-fr-3>div,
.note-list-fr-4>div {
    -moz-transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
}

.i_text,
.i_groupLs .i_groupLs_if>a,
.i_groupLs .i_groupLs_if>p,
.i_grouplTxt .i_grouplTxt_link>a,
.train-list-title>a,
.train-list-title>p,
.train-list-label>span,
.train-detail-head-ls-r,
.train-detail-content-tap-l-chaptrt>span,
.train-detail-content-tap-l-chaptrt>div>p,
.train-detail-content-tap-l-section>span,
.train-detail-content-tap-l-section>div>p,
.train-detail-content-tap-l-list>span,
.train-detail-content-tap-l-list>div>p,
.train-detail-content-tap-user-info-brief,
.train-batch-list-title>a,
.catalog-file>p,
.train-teacher-test-subject>span,
.train-file-l-title-1>span,
.train-vide-download>span,
.my-classmate-info-txt>div>span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.i_word,
.train-detail-user,
.train-detail-content-tap-user-introduce,
.test-list-title>span,
.test-analysis ul li>div>span,
.train-file-r-list-txt>a,
.note-list-fr-2,
.note-list-fr-5>div,
.train-video-introduce-txt>div,
.train-video-comment-val,
.content_vb,
.answer_txt>div>p {
    word-wrap: break-word;
    word-break: break-all;
}
.el-dialog__footer{
    text-align: center;
}
.i_none {
    border: none;
    outline: none;
    background: none;
}

.box {
    display: inline-block;
    vertical-align: top;
}

.buttonCSS button {
    width: 80px;
    height: 30px;
    text-align: center;
    padding: 0;
    border: 0;
    border-radius: 3px;
}

.buttonCSS .is-plain {
    color: #6a7fbc;
    background: #e8f2ff;
}

.i_maxW {
    max-width: 1200px;
    margin: 0 auto;
}


.crumbs-link {
    font-size: 14px;
    margin-bottom: 20px;
}

.crumbs-link>span,
.crumbs-link>a {
    cursor: pointer;
}

.crumbs-link>strong {
    color: #666666;
}

.crumbs-link i {
    font-family: "Simsun";
    padding: 0 5px;
    color: #000;
}

/* index start */

.i_groupBox {
    margin: 20px 0 40px;
}

.i_groupBox>ul:after {
    content: "";
    height: 0;
    clear: both;
    overflow: hidden;
    display: block;
    zoom: 1;
}

.i_groupLs {
    float: left;
    width: 23.8333333333%;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin: 0 1.5% 18px 0;
    background: #fff;
}

.i_groupLs .i_groupLs_img {
    height: 164px;
    display: block;
    overflow: hidden;
}

.i_groupLs .i_groupLs_img a,
.i_groupLs .i_groupLs_img img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.i_groupLs .i_groupLs_if {
    padding: 0 10px 20px;
    background: #ffffff;
}

.i_groupLs .i_groupLs_if>a {
    font-size: 14px;
    color: #020202;
    line-height: 20px;
    padding-top: 13px;
    display: block;
    cursor: pointer;
}

.i_groupLs .i_groupLs_if .i_groupLs:hover {
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.1);
}

.i_groupLs:hover>.i_groupLs_if a {
    color: #348efc;
}

.i_groupLs .i_groupLs_info {
    padding-top: 22px;
}

.i_groupLs .i_groupLs_info span,
.i_groupLs .i_groupLs_info i {
    font-size: 12px;
    color: #888888;
}

.i_groupLs .i_groupLs_info i {
    padding: 0 8px;
}

.i_groupLs:nth-of-type(4n) {
    margin: 0 0 18px 0;
}

.i_group_checkbox .el-checkbox {
    float: right;
    margin-left: 20px;
}

.i_personalTop_cr {
    padding-top: 30px;
    margin-bottom: 30px;
}

.i_personalTop_cr>a {
    font-size: 14px;
}

.i_personalTop_cr>a>i {
    padding: 0 10px;
    font-family: "Simsun";
}

.i_personalTop_cr>a:last-of-type {
    cursor: initial;
    color: #999999;
}

.i_grouplInfo {
    margin: 20px auto 40px;
    text-align: justify;
    text-align-last: justify;
}

.i_grouplInfo>.layui-tab {
    margin: 0;
    text-align: justify;
    text-align-last: justify;
}

.i_grouplInfo>.layui-tab>ul,
.i_grouplInfo>.layui-tab>div {
    text-align: left;
    text-align-last: initial;
}

.i_grouplInfo>.layui-tab>.layui-tab-title {
    border: 0;
    width: 240px;
    height: auto;
    background: #ffffff;
    padding: 20px 0;
}

.i_grouplInfo>.layui-tab>.layui-tab-title li {
    padding: 0;
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: left;
    position: relative;
    padding: 0 20px;
}

.i_grouplInfo>.layui-tab>.layui-tab-title li>em {
    position: absolute;
    top: 20px;
    right: 20px;
    visibility: hidden;
}

.i_grouplInfo>.layui-tab>.layui-tab-title li>i {
    vertical-align: middle;
    margin-right: 15px;
}

.i_grouplInfo>.layui-tab>.layui-tab-title .layui-this {
    color: #4298b1;
    background: #a8ecfd;
}

.i_grouplInfo>.layui-tab>.layui-tab-title .layui-this:after {
    border: 0;
}

.i_grouplInfo>.layui-tab>.layui-tab-title .layui-this>em {
    visibility: visible;
}

.i_grouplInfo>.layui-tab>.layui-tab-content {
    margin: 0;
    padding: 0;
    width: 840px;
    background: #ffffff;
    padding: 25px 40px 60px;
}

.i_grouplInfo>.layui-tab>.layui-tab-content>ul {
    text-align: justify;
    text-align-last: justify;
}

.i_grouplInfo>.layui-tab>.layui-tab-content>ul>li {
    text-align: lsft;
    text-align-last: initial;
}

.i_grouplInfo_l {
    text-align: center;
    text-align-last: initial;
    width: 20%;
    background: #ffffff;
    padding: 10px 0;
}

.i_grouplInfo_l>a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: left;
    position: relative;
    padding: 0 20px;
}

.i_grouplInfo_l>a>em {
    position: absolute;
    top: 20px;
    right: 20px;
    visibility: hidden;
}

.i_grouplInfo_l>a>i {
    vertical-align: middle;
    margin-right: 15px;
}

.i_grouplInfo_l .i_active {
    color: #348efc;
    background: #e8f2ff;
}

.i_grouplInfo_l .i_active>em {
    visibility: visible;
}

.i_grouplInfo_r {
    text-align: left;
    text-align-last: initial;
    width: 76.6666666667%;
    background: #ffffff;
}

.i_grouplInfo_r .layui-tab {
    margin: 0;
    padding: 0;
    background: #ffffff;
    padding: 2.7173913043% 4.347826087% 6.5217391304%;
}

.i_grouplInfo_r .layui-tab-title {
    border: 0;
}

.i_grouplInfo_r .layui-tab-title .layui-this {
    color: #348efc;
}

.i_grouplInfo_r .layui-tab-title .layui-this:after {
    border: 0;
}

.i_grouplInfo_r .i_grouplLp {
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}

/* index end */

/* group-manage start */

.group-list-nav {
    width: 240px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.group-list-nav .el-menu {
    border-right: 0;
    padding: 20px 0;
}

.group-list-nav .el-menu-item {
    position: relative;
}

.group-list-nav .el-menu-item .el-icon-arrow-right {
    position: absolute;
    top: 17px;
    right: 5px;
    opacity: 0;
}

.group-list-nav .el-menu-item>a {
    display: block;
    position: relative;
    line-height: 56px;
}

.group-list-nav .el-menu-item>a>span {
    margin-left: 15px;
}

.group-list-nav .el-menu-item>a>.ipng {
    vertical-align: middle;
}

.group-list-nav .el-menu-item.is-active {
    background-color: #ecf5ff;
}

.group-list-nav .el-menu-item.is-active>a {
    color: #409eff;
}

.group-list-nav .el-menu-item.is-active .el-icon-arrow-right {
    opacity: 1;
}

.group-content {
    margin-left: 260px;
    background: #ffffff;
    padding: 20px 40px 60px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.group-manage-ipng {
    background-position: -757px 0px;
    width: 40px;
    height: 40px;
}

.group-manage-ipng2 {
    background-position: -450px -682px;
    width: 40px;
    height: 40px;
}

/* group-manage end */

/* group-selfCreated & group-selfJoined  common start */

.title-name {
    overflow: hidden;
}

.title-name-l>a,
.title-name-l>span {
    font-size: 14px;
    margin-right: 40px;
    line-height: 36px;
}

.title-name-l>a:hover {
    color: #348efc;
}

.title-name-l .showActive {
    color: #348efc;
}

.title-border {
    padding-bottom: 12px;
}

.title-name-r>a {
    background: #338efc;
    border-radius: 3px;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
}

.teacher-train-list {
    border-top: 1px solid #dddddd;
    padding: 3.488372093% 0;
}

.teacher-train-list:last-of-type {
    border-bottom: 1px solid #dddddd;
}

.train-list-cover {
    width: 240px;
    overflow: hidden;
    height: 130px;
    border: 1px solid #dddddd;
}

.train-list-cover>img {
    width: 100%;
    height: 100%;
}

.train-list-content {
    margin-left: 260px;
}

.train-list-title {
    overflow: hidden;
    margin-bottom: 13px;
}

.train-list-title>a,
.train-list-title>p {
    display: inline-block;
    vertical-align: top;
    max-width: 70%;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
}

.train-list-operation {
    min-width: 100px;
    position: relative;
    text-align: right;
    height: 21px;
    line-height: 21px;
    font-size: 12px;
}

.train-list-operation>span {
    font-size: 12px;
    color: #888888;
}

.train-list-operation>a {
    margin: 0 5px 0 25px;
    font-size: 14px;
    color: #406596;
}

.train-list-operation .el-icon-arrow-down {
    font-size: 14px;
    color: #000;
    line-height: 21px;
}

.el-popover {
    width: 120px;
}

.r_ioperation>li {
    font-size: 12px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
}

.r_ioperation>li>a {
    display: block;
    color: #606266;
}

.r_ioperation>li:hover {
    background: #e8f2ff;
}

.ioperation_hover {
    padding: 10px 0;
}

.train-list-label {
    font-size: 0;
    margin-bottom: 12px;
}

.train-list-label>span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #666666;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    max-width: 100px;
}

.train-list-info>span {
    font-size: 12px;
    color: #888;
    margin-right: 2%;
}

.train-list-info>span:last-of-type {
    margin-right: 0;
}

.train-list-progres {
    margin-top: 30px;
}

.train-list-progres .el-progress {
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

.train-list-progres .el-progress>div {
    display: inline-block;
    vertical-align: top;
}

.train-list-progres .el-progress .el-progress-bar__outer {
    border-radius: 0;
}

.train-list-progres .el-progress .el-progress__text {
    margin-left: 20px;
    font-size: 12px !important;
    line-height: 5px;
}

.train-list-progres .el-progress .el-progress-bar {
    width: 90%;
}

.train-list-progres>span {
    color: #666666;
    margin-left: 30px;
}

.el-dialog__header {
    background-color: #338efc;
    padding: 8px 20px 8px;
}

.el-dialog__title {
    color: #fff;
    font-size: 14px;
}

.el-dialog__headerbtn {
    top: 7px;
}

.el-dialog__headerbtn .el-dialog__close {
    color: #fff;
    font-size: 24px;
}

.el-dialog__headerbtn .el-dialog__close:hover {
    color: rgba(255, 255, 255, 0.8);
}

.group-selfCreated-textarea .numberWord {
    left: 300px;
}

.i_grouplTxt_xm {
    margin-top: 16px;
}

.i_grouplTxt_xm span {
    margin-right: 35px;
}

.i_grouplTxt_xm span i {
    vertical-align: middle;
}

.i_grouplTxt_xm span .ipng {
    margin-right: 10px;
}

.pageing {
    padding: 20px 0;
}

.dependent {
    padding: 40px 0;
    margin-bottom: 20px;
    text-align: center;
    background-color: #ffffff;
    /* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); */
}

.dependent>p {
    margin-top: 21px;
    color: #888;
}

.train-add-cont {
    background: #ffffff;
    padding: 40px 40px 60px;
}

.el-form-item__content {
    position: relative;
}

.numberWord {
    position: absolute;
    bottom: 5px;
    left: 576px;
    color: #999999;
    line-height: 19px;
    font-size: 12px;
}

/* group-selfCreated & group-selfJoined  common end */

/* group-add  start */

.group-add-cont {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    padding: 40px 40px 80px;
}

.g-item-inline {
    display: inline-block;
}

.group-add .el-dialog__body {
    padding: 30px 40px;
}

.group-add .el-dialog .el-select {
    width: 70%;
}

.group-add .el-dialog .el-row {
    padding-bottom: 20px;
}

.el-table td,
.el-table th {
    padding: 6px 0;
}

.el-table th {
    background-color: #efefef;
}

.el-table--border th {
    border-right: none;
}

.group-add .group-add-tableBtns {
    padding-top: 30px;
    text-align: center;
}
.group-add-tableBtns button{
    width: 80px;
}
.group-add-tableBtns button:nth-child(2) {
    margin-left: 50px;
}

.group-add .el-tag {
    margin-right: 10px;
}

.el-table-column--selection .cell{
    padding: 0 10px;
}

/* group-add  end */

/* group-member-approval  start */

.group-approval .el-table td {
    padding: 0;
}

.group-approval .reject-btn {
    color: #dc1b61;
}

.group-member-approval .lookReason {
    height: 60px;
    padding: 40px 0;
    text-align: center;
}

/* group-member-approval  end */

/* group-i-join  start */

.group-i-join .train-list-info>span,
.group-invite-me .train-list-info>span {
    margin-right: 5%;
}

.uploadTeachingPlan {
    position: relative;
}

.uploadTeachingPlan .uploader-drop {
    border: none;
    background-color: #fff;
    padding: 0;
}

.uploadTeachingPlan .uploader-drop:hover {
    background: #e8f2ff;
}

.uploadTeachingPlan .uploader-btn {
    border: none;
    border-radius: 0;
}

.uploadTeachingPlan .uploader-btn:hover {
    background: none;
}

.r_ioperation01 {
    display: none;
    width: 120px;
    background-color: #fff;
    position: absolute;
    right: -120px;
    top: 0;
}

.uploadTeachingPlan:hover>.r_ioperation01 {
    display: inline-block;
}

.r_ioperation01>li {
    font-size: 12px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
}

.r_ioperation01>li>a {
    display: block;
    color: #606266;
}

.r_ioperation01>li:hover {
    background: #e8f2ff;
}

.i_join_dialog .el-row {
    padding-bottom: 30px;
}

.i_join_dialog .group-add-tableBtns {
    padding-top: 30px;
    padding-left: 40%;
}

/* group-i-join  end */

/* group-invite-me  start */

/* group-invite-me  end */

/* group-manage-one  start */

.manage-my-group {
    background-color: #fff;
    padding: 20px 40px 60px;
}

.manage_nav {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
}

.manage_nav h3 {
    display: inline-block;
    font-size: 16px;
    color: #000000;
}

.manage_nav_newsBtn {
    margin-right: 10px;
}

.manage_nav_dropdown .el-dropdown-menu__item {
    padding: 0 8px;
    text-align: center;
    font-size: 12px;
}

.manage_table_title {
    font-size: 14px;
    padding: 30px 0 15px;
}

.manage_content .red-btn {
    color: #dc1b61;
}

.manage_news_form {
    padding-right: 20px;
}

.manage_content .el-table td {
    padding: 1px 0;
}

.manage_one_preview a {
    color: #409eff;
}

.manage-uploader .uploader-drop {
    border: none;
    background-color: #fff;
    padding: 0;
}

.manage-uploader .uploader-drop:hover {
    background: #e8f2ff;
}

.manage-uploader .uploader-btn {
    border: none;
    border-radius: 0;
}

.manage-uploader .uploader-btn:hover {
    background: none;
}

/* group-manage-one  end */

/* group-introduction  end */

.group-introduct {
    padding-top: 20px;
}

.group-introduct_img {
    display: inline-block;
    width: 39.1666666667%;
    height: 270px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.group-introduct_img img {
    width: 100%;
    height: 100%;
}

.group-introduct_info {
    display: inline-block;
    width: 52.5%;
    height: 240px;
    padding: 30px 35px 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    position: relative;
}

.group-introduct_info .i_discuss_btn {
    position: absolute;
    top: 12%;
    right: 5%;
    padding-right: 60px;
}

.group-introduct_info .i_discuss_btn .i_info_pic {
    position: absolute;
    top: -20px;
    right: 10px;
    display: inline-block;
}

.group-introduct_info h2 {
    line-height: 22px;
    font-size: 18px;
    color: #000;
}

.i_info_subject {
    margin: 20px 0 25px;
}

.i_info_subject span {
    font-size: 12px;
    color: #5c6772;
    line-height: 16px;
    padding: 6px 16px;
    background: #e5f1ff;
}

.group-introduct_info .i_info_member i,
.group-introduct_info .i_info_creater i,
.group-introduct_info .i_info_createtime i {
    display: inline-block;
    width: 80px;
}

.i_info_member,
.i_info_creater,
.i_info_createtime {
    font-size: 14px;
    line-height: 26px;
}

.i_info_approval {
    padding-top: 20px;
}

.teachingPlan_listBox {
    padding-top: 25px;
}

.teachingPlan_list_l {
    width: 78.3333333333%;
}

.teachingPlan_list_l .teachingPlan_top {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.teachingPlan_list_l .el-row {
    min-height: 365px;
}

.teachingPlan_top .t_plan_btn {
    color: #000;
}

.teachingPlan_top .t_b_blue {
    color: #348efc;
}

.teachingPlan_list_l .plan_card_col {
    padding-bottom: 15px;
}

.plan_card_col .el-card {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.plan_card_col .el-card:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.teachingPlan_list_l .plan-card-top {
    padding-bottom: 38px;
}

.plan-card-top .plan_type_img {
    display: inline-block;
    width: 60px;
    height: 56px;
}

.plan-card-top .plan_card_counts {
    padding-left: 60px;
}

.plan-card-top .plan-card-name {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.plan-card-top .card_count span {
    font-size: 12px;
    color: #888888;
    margin-right: 20px;
}

.teachingPlan_list_l .plan_card_bottom {
    line-height: 20px;
}

.plan_card_bottom .plan_file_handle,.plan_card_bottom .res-info {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
.Collection_07 {
    background-position: -757px -350px;
    width: 40px;
    height: 40px;
}

.plan_card_bottom .plan_file_handle i {
    margin-left: 20px;
    cursor: pointer;
}

.teachingPlan_list_r {
    width: 20%;
    height: 365px;
    margin-top: 40px;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.teachingPlan_list_r .el-tabs__content {
    overflow: visible;
}

.teachingPlan_list_r .el-tabs__header {
    padding: 0 10px;
    margin: 0;
}

.teachingPlan_list_r .el-tabs__nav {
    margin-left: 60px;
}

.teachingPlan_list_r .i_notice_ul {
    height: 312px;
    padding: 0 10px;
    overflow-y: scroll;
}

.teachingPlan_list_r .i_notice_li {
    border-bottom: solid 1px #e5e5e5;
    padding: 14px 0;
    cursor: pointer;
}

.teachingPlan_list_r .i_notice_li:hover {
    background-color: #effaff;
}

.teachingPlan_list_r .i_notice_li span {
    display: block;
    line-height: 25px;
    padding: 0 15px;
}

.i_notice_li span:nth-child(2) {
    color: #888;
}

.i_notice_dialog .el-dialog {
    height: 330px;
}

.i_notice_dialog .el-dialog .el-dialog__body {
    text-align: center;
    padding: 0 90px;
}

.i_notice_dialog .el-dialog h3 {
    word-wrap: break-word;
    word-break: break-all;
    padding: 50px 0;
}

.i_notice_dialog .el-dialog .i_notice_content {
    word-wrap: break-word;
    word-break: break-all;
}

.i_members_add {
    padding: 10px 10px 10px 25px;
    height: 305px;
    overflow-y: scroll;
}

.i_members_add>a,
.i_members_add .i_members_item {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 10px 20px 0;
    /* position: relative; */
}

.i_members_add>a>img,
.i_members_item img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    vertical-align: top;
}

.i_members_add>a:hover,
.i_members_add>.i_members_item:hover {
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.1);
}

.i_members_add>a:hover .i_userIn,
.i_members_add>.i_members_item:hover .i_userIn {
    opacity: 1;
    visibility: visible;
}

.i_userIn {
    width: 290px;
    position: absolute;
    background: #ffffff;
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.1);
    left: -290px;
    top: 20%;
    /* top: 50%; */
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

.i_userIn>i {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
}

.i_userIn_txt {
    padding: 25px 15px 30px;
}

.i_userIn_txt>a {
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background: #5cbeb3;
}

.i_userIn_txt>a>img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.i_userIn_txt>div {
    float: left;
    margin-left: 15px;
}

.i_userIn_txt>div span {
    display: block;
    color: #666666;
    line-height: 19px;
    margin-bottom: 5px;
}

.i_userIn_txt>div span:nth-of-type(1) {
    font-size: 14px;
    color: #000000;
}

.i_userIn_txt>div span:nth-of-type(2) {
    font-size: 12px;
}

.i_userIn_txt>div span:nth-of-type(3) {
    font-size: 12px;
}

.i_userIn_icon {
    text-align: center;
    background: #338efc;
    padding: 6px 0;
}

.i_userIn_icon>i {
    margin: 0 15px;
    cursor: pointer;
}

.introduct_dependent {
    height: 285px;
    margin-bottom: 0;
}

/* group-introduction  end */

/* group-posts-list  start */

.group-posts-list {
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

.group-posts-content {
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 40px;
    min-height: 680px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.posts-list-title {
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    border-radius: 2px;
    background-color: #63c7ff;
}

.posts-list-title .post-logo {
    display: inline-block;
    width: 156px;
    height: 47px;
    margin-top: 12px;
    background: url("../../../public/images/group/g_post_list.png") no-repeat;
}

.posts-list-title i {
    margin-left: 10px;
}

.posts-list-title .el-checkbox {
    color: #000;
}

.posts-list-handle {
    width: calc(100% - 80px);
    margin: 0 auto;
    padding: 20px 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
}

.posts-list-handle .write-posts-btn {
    display: inline-block;
    width: 84px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    padding: 0;
    overflow: hidden;
}

.posts-list-handle span {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.write-posts-btn i {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2px;
    height: 25px;
    line-height: 25px;
}

.write-posts-btn .pen-icon {
    width: 20px;
    background: url("../../../public/images/group/xietiezi1.png") no-repeat;
}

.write-posts-btn .tip-word {
    font-weight: bold;
}

.write-posts-btn :hover {
    background-color: #338efc;
}

.write-posts-btn :hover .tip-word {
    background-color: #338efc;
    color: #fff;
}

.write-posts-btn :hover .pen-icon {
    background: url("../../../public/images/group/xietiezi2.png") no-repeat;
    background-color: #338efc;
}

.posts-handle-l {
    display: inline-block;
}

.posts-handle-l .el-button {
    font-size: 16px;
    color: #000;
}

.posts-handle-l .posts-btn-b {
    color: #63c7ff;
}

.posts-handle-l i {
    margin: 0 10px;
    font-size: 16px;
}

.posts-ul {
    padding: 0 40px 40px;
}

.posts-li {
    width: 100%;
    height: 80px;
    padding: 20px 0 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
}

.posts-li .posts-li-l {
    display: inline-block;
    width: calc(100% - 210px);
    height: 130px;
    padding: 5px 0;
    overflow: hidden;
}

.posts-li .posts-li-img {
    display: inline-block;
    width: 210px;
    height: 100%;
    border-radius: 10px;
}

.posts-li .posts-li-title {
    font-size: 20px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.posts-li .posts-li-cont {
    margin: 22px 40px 22px 0;
    font-size: 16px;
    line-height: 30px;
    color: #949494;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ipm {
    background-image: url("../images/ipm.png");
    background-repeat: no-repeat;
    display: inline-block;
}

.p-info-img {
    background-position: -422px -513px;
    width: 22px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.p-pride-img {
    background-position: -246px -516px;
    width: 22px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.p-pride-img1 {
    background-position: -97px -516px;
    width: 22px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.posts-li .p-l-btns {
    display: none;
}

.posts-li .p-l-btns i:nth-child(2) {
    margin-left: 20px;
}

.posts-li-l :hover>.p-l-btns {
    display: inline-block;
}

.p-edit-img {
    background-position: -178px -562px;
    width: 22px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.p-del-img {
    background-position: -132px -562px;
    width: 22px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.posts-li-tips {
    padding: 20px 0;
}

.posts-li-tips span {
    margin-right: 20px;
}

.posts-li-tips span i {
    vertical-align: middle;
    color: #949494;
}

/* group-posts-list  end */

/* group-post-edit  start */

.group-post-edit {
    min-width: 1420px;
    overflow: hidden;
}

.post-edit-l {
    position: relative;
    display: inline-block;
    width: 266px;
    min-height: 100vh;
    border-right: 1px solid rgba(204, 204, 204, 0.4);
}

.post-edit-l .post-back-btn {
    padding: 42px 30px;
    font-size: 18px;
}

.input-post-tit {
    padding: 0 20px;
    line-height: 65px;
    color: #fff;
    background-color: #409EFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.input-post-tit input {
    border: none;
    font-size: 18px;
    color: #fff;
    background-color: #409EFF;
}

.input-post-tit input::-webkit-input-placeholder {
    font-size: 18px;
    color: #fff !important;
    background-color: #409EFF !important;
}

.input-post-tit input::-moz-placeholder {
    font-size: 18px;
    color: #fff !important;
    background-color: #409EFF !important;
}

.input-post-tit input::-ms-input-placeholder {
    font-size: 18px;
    color: #fff !important;
    background-color: #409EFF !important;
}

.input-post-tit .el-icon-delete {
    padding: 20px;
    font-size: 20px;
    cursor: pointer;
}

.input-post-tit .el-icon-delete:hover {
    color: rgba(255, 255, 255, 0.8);
}

.post-title-table tr {
    height: 65px;
    color: #000;
    background-color: #effaff;
}

.post-title-table td .cell {
    padding: 0 30px;
}

.group-post-edit .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: transparent !important;
}

.post-title-table .current-row>td {
    background-color: rgba(204, 204, 204, .5) !important;
}

.post-edit-l .el-pagination {
    position: absolute;
    left: 25%;
    bottom: 20px;
}

.post-edit-m {
    display: inline-block;
    width: 296px;
    padding: 0 20px;
    min-height: 100vh;
    background-color: #fff;
    border-right: 1px solid rgba(204, 204, 204, 0.4);
}

@media screen and (max-width: 1500px) {
    .post-edit-m {
        padding: 0;
    }
}
/* .post-edit-m .uploader-list {
    overflow-y: scroll;
    height: calc(100vh - 103px);
} */

.entry-file-list {
    border-bottom: 1px solid #ebeef5;
    padding: 12px 0;
}

.entry-file-list>img {
    float: left;
    margin-right: 20px;
}

.entry-file-list .fileName {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    width: 65%;
    font-size: 14px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.entry-file-list>div {
    float: left;
}

.entry-file-list>div>span {
    font-size: 12px;
    color: #888888;
}

.entry-file-list>div>span:first-of-type {
    margin-right: 20px;
}

.entry-file-list>i {
    font-size: 20px;
    color: #F56C6C;
    padding: 10px;
    cursor: pointer;
}

.entry-file-list:first-of-type {
    border-top: 1px solid #E0E0E0;
}
.group-post-edit .post-edit-r {
    display: inline-block;
    width: calc(100% - 564px);
    min-height: 100vh;
    background-color: #fff;
    position: relative;
}
@media screen and (min-width: 1500px) {
    .group-post-edit .post-edit-r {
        width: calc(100% - 604px);
    }
}
.post-edit-r .el-input__inner {
    height: 101px;
    line-height: 101px;
    border: none;
}

.post-edit-r .el-input__inner::-webkit-input-placeholder {
    font-size: 14px;
}

.post-edit-r .el-input__inner::-moz-placeholder {
    font-size: 14px;
}

.post-edit-r .el-input__inner::-ms-input-placeholder {
    font-size: 14px;
}

.post-edit-r .post-title-item {
    margin-bottom: 0;
}

.post-title-item .el-form-item__error--inline {
    position: absolute;
    top: auto;
    left: 6px;
    display: inline-block;
    margin-left: 10px;
    bottom: 6px;
}

.mce-tinymce.mce-container.mce-panel[role=application]>div>div:first-child>div>div:first-child {
    display: none;
}

.mce-tinymce.mce-container.mce-panel[role=application]>div>div:first-child>div>div:last-child>div>div:first-child {
    display: none;
}

.post-btns-item {
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    top: 102px;
    right: 5px;
}

.post-edit-r .post-content-count {
    display: inline-block;
    width: calc(100% - 65px);
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    position: absolute;
    top: 36px;
    left: 2%;
}
.post-edit-r .post-content-count .gery{
    color: #ccc;
}
.post-edit-r .mce-edit-area #d1_ifr {
    min-height: calc(100vh - 138px);
}
.post-edit-r .el-form-item {
    margin-bottom: 0;
}
.group-post-edit .post-edit-r .post-content-item .mce-edit-area {
    height: auto;
}

.post-edit-r .mce-container {
    border-left: none;
}
 .mce-combobox-menu.mce-container.mce-panel.mce-floatpanel.mce-menu.mce-menu-align.mce-fixed {
  display: none;
}
.mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last {
  display: none;
}

.mce-tinymce.mce-container.mce-panel[role="application"]
  > div
  > div:first-child
  > div
  > div:first-child {
  display: none;
}

.mce-tinymce.mce-container.mce-panel[role="application"]
  > div
  > div:first-child
  > div
  > div:last-child
  > div
  > div:first-child {
  display: none;
}
/* group-post-edit  end */

/* group-post-details  start */
.post-details-content{
    display: flex;
    justify-content: space-around;
}
.post-details-content .post-details-l {
    width: calc(100% - 386px);
    background-color: #fff;
    padding: 70px 42px;
}

.post-content-box h2 {
    font-size: 28px;
    padding-bottom: 50px;
}

.post-content-box .post-creater-info {
    width: 100%;
}

.post-content-box .post-creater-info img {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-right: 15px;
    border-radius: 50%;
    border: 1px solid #ebeef5;
    float: left;
}

.post-content-box .post-creater-name {
    width: 80%;
    font-size: 16px;
    padding: 8px 0;
}

.post-content-box .post-creater-time {
    font-size: 14px;
    color: #ccc;
}

.post-content-box .post-text-content {
    padding: 50px 0;
    text-indent: 2em;
    font-size: 16px;
    line-height: normal;
    word-wrap: break-word;
    word-break: break-all;
    border-bottom: 1px solid #ebeef5;
}

.post-text-content a {
    text-decoration: underline;
}

.post-text-content a:hover {
    color: #0689dd;
}

/* ---------------------- */

.post-details-content .post-details-r {
    width: 234px;
    background-color: #fff;
    padding: 0 20px;
    overflow: hidden;
}

.post-details-r h3 {
    line-height: 70px;
    font-size: 16px;
    color: #6f6f6f;
    border-bottom: 1px solid #ebeef5;
}

.post-details-r .post-details-r-li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    border-bottom: 1px solid #ebeef5;
}

.post-details-r-li .details-li-tit {
    display: inline-block;
    line-height: 18px;
    width: 176px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    margin: 0 8px;
}

/* ------------------------ */

.post-discuss-area {
    padding: 50px 0 20px;
    border-bottom: 1px solid #ebeef5;
}

.discuss-area-tit {
    font-size: 14px;
}

.discuss-tips-img {
    background-position: 0px -260px;
    width: 226px;
    height: 18px;
    background-image: url("../images/ipm.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 32px 0 15px;
}

.discuss-area-content {
    margin-bottom: 30px;
}

.discuss-area-content .post_l1_emoji {
    margin-right: 95px;
}

.textarea-box {
    width: 814px;
    height: 117px;
    position: relative;
}

.textarea-input {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    line-height: 18px;
    border: 1px solid #DCDFE6; 
    padding: 5px 10px;
    font-size: 14px;
}
.limit-num{
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.limit-num i {
    color: #020202;
}

.limit-num i:nth-child(2) {
    color: #ccc;
}



.discuss-area-textarea {
    position: relative;
}

.discuss-area-textarea .el-textarea__inner {
    border-radius: 0;
}

.discuss-area-textarea>span {
    position: absolute;
    bottom: 5px;
    right: 11px;
    font-size: 14px;
    color: #999999;
}

.discuss-area-textarea>span>i {
    color: #3a3a3a;
}

.discuss-express-btns {
    margin-top: 20px;
    position: relative;
}

.discuss-express-btns .avatar-uploader span {
    line-height: 36px;
    cursor: pointer;
}

.discuss-express-btns .avatar-uploader span .svg-icon {
    margin-right: 5px;
}

.discuss-express-btns>button {
    float: right;
    padding: 10px 20px;
}

.discuss-express-btns>button:last-of-type {
    position: absolute;
    top: 0;
    right: 0;
}

.discuss-express-btns .emoji_icon {
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-top: 6px;
}

/* ----------评论表情包 start */

.emoji {
    width: 380px;
    height: 186px;
    bottom: 30px;
    background: #fff;
    z-index: 10;
    padding: 10px;
    margin-right: 10px;
}

.emoji .emoji-controller {
    height: 36px;
    overflow: hidden;
    margin-bottom: 0;
}

.emoji .emoji-controller li {
    float: left;
    width: 76px;
    font-size: 12px;
    line-height: 36px;
    cursor: pointer;
    text-align: center;
    position: relative;
    text-align-last: initial;
}

.emoji .emoji-controller li.active::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #0689dd;
    left: 0;
    bottom: 4px;
    position: absolute;
}

.emoji .emoji-container {
    height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.emoji .emoji-container li {
    font-size: 0;
    padding: 5px;
}

.emoji .emoji-container li a {
    float: left;
    overflow: hidden;
    height: 35px;
    transition: all ease-out 0.2s;
    border-radius: 4px;
}

.emoji .emoji-container li a:hover {
    background-color: #d8d8d8;
    border-color: #d8d8d8;
}

.emoji .emoji-container li a span {
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
}

.vueEmoji {
    position: absolute;
    left: 0;
    bottom: -207px;
    margin: 0;
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.1);
}

/* ----------评论表情包 end */

.post-discuss-content {}

.post-author-info {
    padding: 20px 0;
}

.post-author-info .post-person-img {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.post-author {
    height: 45px;
    line-height: 45px;
}

.post-a-name,
.post-r-name {
    font-size: 16px;
    color: #a7bdda;
}

.post-a-time,
.post-r-time {
    color: #aaa;
}

.post-person span {
    padding: 0 12px;
}

.post-person-word {
    font-size: 16px;
    line-height: 22px;
}

.post-a-word {
    padding-left: 57px;
    word-wrap: break-word;
    word-break: break-all;
}

.post-r-word {
    padding-left: 47px;
}

.post-person-handle {
    padding: 8px 52px;
}

.post-person-handle .p-pride-count0 {
    visibility: visible;
}

.post-person-handle .p-pride-count1 {
    visibility: hidden;
}

.post-person-handle i {
    vertical-align: middle;
}

.post-person-handle span {
    margin-right: 34px;
}

.post-person-handle .p-del {
    font-size: 20px;
    color: #bbc8db;
    margin-right: 5px;
    cursor: pointer;
}

.post-reviewer-info {
    padding: 5px 26px;
    background-color: #f4f4f4;
}

.post-reviewer-info:hover>.post-person-handle .p-del {
    visibility: visible;
}

.post-reviewer-info .post-person-img {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.post-reviewer {
    height: 35px;
    line-height: 35px;
}

.post-r-recall i {
    margin-left: 10px;
    font-size: 16px;
    color: #a7bdda;
}

.post-reviewer-info .discuss-area-content {
    padding-left: 47px;
}

.post-reviewer-info .emoji_ch {
    margin-right: 95px;
}

.post-reviewer-info .vueEmoji {
    left: 82%;
    bottom: -218px;
}

.placeholder-post {
    text-align: center;
    padding: 50px 0;
    line-height: 70px;
}

/* group-post-details  end */